<!DOCTYPE html>
<html>
    <head>
        
        <!-- Title -->
        <title>Modern | UI Kits - Icons</title>
        
        <meta content="width=device-width, initial-scale=1" name="viewport"/>
        <meta charset="UTF-8">
        <meta name="description" content="Admin Dashboard Template" />
        <meta name="keywords" content="admin,dashboard" />
        <meta name="author" content="AurumThemes" />
        
        <!-- Styles -->
        <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
        <link href="assets/plugins/pace-master/themes/blue/pace-theme-flash.css" rel="stylesheet"/>
        <link href="assets/plugins/uniform/css/uniform.default.min.css" rel="stylesheet"/>
        <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="assets/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
        <link href="assets/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>	
        <link href="assets/plugins/offcanvasmenueffects/css/menu_cornerbox.css" rel="stylesheet" type="text/css"/>	
        <link href="assets/plugins/waves/waves.min.css" rel="stylesheet" type="text/css"/>	
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" type="text/css"/>
        <link href="assets/plugins/3d-bold-navigation/css/style.css" rel="stylesheet" type="text/css"/>	
        <link href="assets/plugins/slidepushmenus/css/component.css" rel="stylesheet" type="text/css"/>
        
        <!-- Theme Styles -->
        <link href="assets/css/modern.min.css" rel="stylesheet" type="text/css"/>
        <link href="assets/css/themes/white.css" class="theme-color" rel="stylesheet" type="text/css"/>
        <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
        
        <script src="assets/plugins/3d-bold-navigation/js/modernizr.js"></script>
        <script src="assets/plugins/offcanvasmenueffects/js/snap.svg-min.js"></script>
        
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>
    <body class="page-header-fixed">
        <div class="overlay"></div>
        <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s1">
            <h3><span class="pull-left">Chat</span><a href="javascript:void(0);" class="pull-right" id="closeRight"><i class="fa fa-times"></i></a></h3>
            <div class="slimscroll">
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar2.png" alt=""><span>Sandra smith<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar3.png" alt=""><span>Amily Lee<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar4.png" alt=""><span>Christopher Palmer<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar5.png" alt=""><span>Nick Doe<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar2.png" alt=""><span>Sandra smith<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar3.png" alt=""><span>Amily Lee<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar4.png" alt=""><span>Christopher Palmer<small>Hi! How're you?</small></span></a>
                <a href="javascript:void(0);" class="showRight2"><img src="assets/images/avatar5.png" alt=""><span>Nick Doe<small>Hi! How're you?</small></span></a>
            </div>
		</nav>
        <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
            <h3><span class="pull-left">Sandra Smith</span> <a href="javascript:void(0);" class="pull-right" id="closeRight2"><i class="fa fa-angle-right"></i></a></h3>
            <div class="slimscroll chat">
                <div class="chat-item chat-item-left">
                    <div class="chat-image">
                        <img src="assets/images/avatar2.png" alt="">
                    </div>
                    <div class="chat-message">
                        Hi There!
                    </div>
                </div>
                <div class="chat-item chat-item-right">
                    <div class="chat-message">
                        Hi! How are you?
                    </div>
                </div>
                <div class="chat-item chat-item-left">
                    <div class="chat-image">
                        <img src="assets/images/avatar2.png" alt="">
                    </div>
                    <div class="chat-message">
                        Fine! do you like my project?
                    </div>
                </div>
                <div class="chat-item chat-item-right">
                    <div class="chat-message">
                        Yes, It's clean and creative, good job!
                    </div>
                </div>
                <div class="chat-item chat-item-left">
                    <div class="chat-image">
                        <img src="assets/images/avatar2.png" alt="">
                    </div>
                    <div class="chat-message">
                        Thanks, I tried!
                    </div>
                </div>
                <div class="chat-item chat-item-right">
                    <div class="chat-message">
                        Good luck with your sales!
                    </div>
                </div>
            </div>
            <div class="chat-write">
                <form class="form-horizontal" action="javascript:void(0);">
                    <input type="text" class="form-control" placeholder="Say something">
                </form>
            </div>
		</nav>
        <div class="menu-wrap">
            <nav class="profile-menu">
                <div class="profile"><img src="assets/images/avatar1.png" width="52" alt="David Green"/><span>David Green</span></div>
                <div class="profile-menu-list">
                    <a href="#"><i class="fa fa-star"></i><span>Favorites</span></a>
                    <a href="#"><i class="fa fa-bell"></i><span>Alerts</span></a>
                    <a href="#"><i class="fa fa-envelope"></i><span>Messages</span></a>
                    <a href="#"><i class="fa fa-comment"></i><span>Comments</span></a>
                </div>
            </nav>
            <button class="close-button" id="close-button">Close Menu</button>
        </div>
        <form class="search-form" action="#" method="GET">
            <div class="input-group">
                <input type="text" name="search" class="form-control search-input" placeholder="Search...">
                <span class="input-group-btn">
                    <button class="btn btn-default close-search waves-effect waves-button waves-classic" type="button"><i class="fa fa-times"></i></button>
                </span>
            </div><!-- Input Group -->
        </form><!-- Search Form -->
        <main class="page-content content-wrap">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="sidebar-pusher">
                        <a href="javascript:void(0);" class="waves-effect waves-button waves-classic push-sidebar">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                    <div class="logo-box">
                        <a href="index.html" class="logo-text"><span>Modern</span></a>
                    </div><!-- Logo Box -->
                    <div class="search-button">
                        <a href="javascript:void(0);" class="waves-effect waves-button waves-classic show-search"><i class="fa fa-search"></i></a>
                    </div>
                    <div class="topmenu-outer">
                        <div class="top-menu">
                            <ul class="nav navbar-nav navbar-left">
                                <li>		
                                    <a href="javascript:void(0);" class="waves-effect waves-button waves-classic sidebar-toggle"><i class="fa fa-bars"></i></a>
                                </li>
                                <li>
                                    <a href="#cd-nav" class="waves-effect waves-button waves-classic cd-nav-trigger"><i class="fa fa-diamond"></i></a>
                                </li>
                                <li>		
                                    <a href="javascript:void(0);" class="waves-effect waves-button waves-classic toggle-fullscreen"><i class="fa fa-expand"></i></a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown">
                                        <i class="fa fa-cogs"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-md dropdown-list theme-settings" role="menu">
                                        <li class="li-group">
                                            <ul class="list-unstyled">
                                                <li class="no-link" role="presentation">
                                                    Fixed Header 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right fixed-header-check" checked>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="li-group">
                                            <ul class="list-unstyled">
                                                <li class="no-link" role="presentation">
                                                    Fixed Sidebar 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right fixed-sidebar-check">
                                                    </div>
                                                </li>
                                                <li class="no-link" role="presentation">
                                                    Horizontal bar 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right horizontal-bar-check">
                                                    </div>
                                                </li>
                                                <li class="no-link" role="presentation">
                                                    Toggle Sidebar 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right toggle-sidebar-check">
                                                    </div>
                                                </li>
                                                <li class="no-link" role="presentation">
                                                    Compact Menu 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right compact-menu-check">
                                                    </div>
                                                </li>
                                                <li class="no-link" role="presentation">
                                                    Hover Menu 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right hover-menu-check">
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="li-group">
                                            <ul class="list-unstyled">
                                                <li class="no-link" role="presentation">
                                                    Boxed Layout 
                                                    <div class="ios-switch pull-right switch-md">
                                                        <input type="checkbox" class="js-switch pull-right boxed-layout-check">
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="li-group">
                                            <ul class="list-unstyled">
                                                <li class="no-link" role="presentation">
                                                    Choose Theme Color
                                                    <div class="color-switcher">
                                                        <a class="colorbox color-blue" href="?theme=blue" title="Blue Theme" data-css="blue"></a>
                                                        <a class="colorbox color-green" href="?theme=green" title="Green Theme" data-css="green"></a>
                                                        <a class="colorbox color-red" href="?theme=red" title="Red Theme" data-css="red"></a>
                                                        <a class="colorbox color-white" href="?theme=white" title="White Theme" data-css="white"></a>
                                                        <a class="colorbox color-purple" href="?theme=purple" title="purple Theme" data-css="purple"></a>
                                                        <a class="colorbox color-dark" href="?theme=dark" title="Dark Theme" data-css="dark"></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="no-link"><button class="btn btn-default reset-options">Reset Options</button></li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li>	
                                    <a href="javascript:void(0);" class="waves-effect waves-button waves-classic show-search"><i class="fa fa-search"></i></a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown"><i class="fa fa-envelope"></i><span class="badge badge-success pull-right">4</span></a>
                                    <ul class="dropdown-menu title-caret dropdown-lg" role="menu">
                                        <li><p class="drop-title">You have 4 new  messages !</p></li>
                                        <li class="dropdown-menu-list slimscroll messages">
                                            <ul class="list-unstyled">
                                                <li>
                                                    <a href="#">
                                                        <div class="msg-img"><div class="online on"></div><img class="img-circle" src="assets/images/avatar2.png" alt=""></div>
                                                        <p class="msg-name">Sandra Smith</p>
                                                        <p class="msg-text">Hey ! I'm working on your project</p>
                                                        <p class="msg-time">3 minutes ago</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="msg-img"><div class="online off"></div><img class="img-circle" src="assets/images/avatar4.png" alt=""></div>
                                                        <p class="msg-name">Amily Lee</p>
                                                        <p class="msg-text">Hi David !</p>
                                                        <p class="msg-time">8 minutes ago</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="msg-img"><div class="online off"></div><img class="img-circle" src="assets/images/avatar3.png" alt=""></div>
                                                        <p class="msg-name">Christopher Palmer</p>
                                                        <p class="msg-text">See you soon !</p>
                                                        <p class="msg-time">56 minutes ago</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="msg-img"><div class="online on"></div><img class="img-circle" src="assets/images/avatar5.png" alt=""></div>
                                                        <p class="msg-name">Nick Doe</p>
                                                        <p class="msg-text">Nice to meet you</p>
                                                        <p class="msg-time">2 hours ago</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="msg-img"><div class="online on"></div><img class="img-circle" src="assets/images/avatar2.png" alt=""></div>
                                                        <p class="msg-name">Sandra Smith</p>
                                                        <p class="msg-text">Hey ! I'm working on your project</p>
                                                        <p class="msg-time">5 hours ago</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="msg-img"><div class="online off"></div><img class="img-circle" src="assets/images/avatar4.png" alt=""></div>
                                                        <p class="msg-name">Amily Lee</p>
                                                        <p class="msg-text">Hi David !</p>
                                                        <p class="msg-time">9 hours ago</p>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="drop-all"><a href="#" class="text-center">All Messages</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown"><i class="fa fa-bell"></i><span class="badge badge-success pull-right">3</span></a>
                                    <ul class="dropdown-menu title-caret dropdown-lg" role="menu">
                                        <li><p class="drop-title">You have 3 pending tasks !</p></li>
                                        <li class="dropdown-menu-list slimscroll tasks">
                                            <ul class="list-unstyled">
                                                <li>
                                                    <a href="#">
                                                        <div class="task-icon badge badge-success"><i class="icon-user"></i></div>
                                                        <span class="badge badge-roundless badge-default pull-right">1min ago</span>
                                                        <p class="task-details">New user registered.</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="task-icon badge badge-danger"><i class="icon-energy"></i></div>
                                                        <span class="badge badge-roundless badge-default pull-right">24min ago</span>
                                                        <p class="task-details">Database error.</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="task-icon badge badge-info"><i class="icon-heart"></i></div>
                                                        <span class="badge badge-roundless badge-default pull-right">1h ago</span>
                                                        <p class="task-details">Reached 24k likes</p>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="drop-all"><a href="#" class="text-center">All Tasks</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle waves-effect waves-button waves-classic" data-toggle="dropdown">
                                        <span class="user-name">David<i class="fa fa-angle-down"></i></span>
                                        <img class="img-circle avatar" src="assets/images/avatar1.png" width="40" height="40" alt="">
                                    </a>
                                    <ul class="dropdown-menu dropdown-list" role="menu">
                                        <li role="presentation"><a href="profile.html"><i class="fa fa-user"></i>Profile</a></li>
                                        <li role="presentation"><a href="calendar.html"><i class="fa fa-calendar"></i>Calendar</a></li>
                                        <li role="presentation"><a href="inbox.html"><i class="fa fa-envelope"></i>Inbox<span class="badge badge-success pull-right">4</span></a></li>
                                        <li role="presentation" class="divider"></li>
                                        <li role="presentation"><a href="lock-screen.html"><i class="fa fa-lock"></i>Lock screen</a></li>
                                        <li role="presentation"><a href="login.html"><i class="fa fa-sign-out m-r-xs"></i>Log out</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="login.html" class="log-out waves-effect waves-button waves-classic">
                                        <span><i class="fa fa-sign-out m-r-xs"></i>Log out</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);" class="waves-effect waves-button waves-classic" id="showRight">
                                        <i class="fa fa-comments"></i>
                                    </a>
                                </li>
                            </ul><!-- Nav -->
                        </div><!-- Top Menu -->
                    </div>
                </div>
            </div><!-- Navbar -->
            <div class="page-sidebar sidebar">
                <div class="page-sidebar-inner slimscroll">
                    <div class="sidebar-header">
                        <div class="sidebar-profile">
                            <a href="javascript:void(0);" id="profile-menu-link">
                                <div class="sidebar-profile-image">
                                    <img src="assets/images/avatar1.png" class="img-circle img-responsive" alt="">
                                </div>
                                <div class="sidebar-profile-details">
                                    <span>David Green<br><small>Art Director</small></span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <ul class="menu accordion-menu">
                        
                        <li><a href="index.html" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-home"></span><p>Dashboard</p></a></li>
                        <li><a href="profile.html" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-user"></span><p>Profile</p></a></li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-envelope"></span><p>Mailbox</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="inbox.html">Inbox</a></li>
                                <li><a href="message-view.html">View Message</a></li>
                                <li><a href="compose.html">Compose</a></li>
                            </ul>
                        </li>
                        
                        <li class="droplink active open"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-briefcase"></span><p>UI Kits</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="ui-alerts.html">Alerts</a></li>
                                <li><a href="ui-buttons.html">Buttons</a></li>
                                <li class="active"><a href="ui-icons.html">Icons</a></li>
                                <li><a href="ui-typography.html">Typography</a></li>
                                <li><a href="ui-notifications.html">Notifications</a></li>
                                <li><a href="ui-grid.html">Grid</a></li>
                                <li><a href="ui-tabs-accordions.html">Tabs &amp; Accordions</a></li>
                                <li><a href="ui-modals.html">Modals</a></li>
                                <li><a href="ui-panels.html">Panels</a></li>
                                <li><a href="ui-progress.html">Progress Bars</a></li>
                                <li><a href="ui-nestable.html">Nestable</a></li>
                                <li><a href="ui-tree-view.html">Tree View</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-th"></span><p>Layouts</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="layout-blank.html">Blank Page</a></li>
                                <li><a href="layout-boxed.html">Boxed Page</a></li>
                                <li><a href="layout-horizontal-menu.html">Horizontal Menu</a></li>
                                <li><a href="layout-horizontal-menu-boxed.html">Boxed &amp; Horizontal Menu</a></li>
                                <li><a href="layout-horizontal-menu-minimal.html">Horizontal Menu Minimal</a></li>
                                <li><a href="layout-fixed-sidebar.html">Fixed Sidebar</a></li>
                                <li><a href="layout-static-header.html">Static Header</a></li>
                                <li><a href="layout-collapsed-sidebar.html">Collapsed Sidebar</a></li>
                                <li><a href="layout-compact-menu.html">Compact Menu</a></li>
                                <li><a href="layout-hover-menu.html">Hover Menu</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-list"></span><p>Tables</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="table-static.html">Static Tables</a></li>
                                <li><a href="table-responsive.html">Responsive Tables</a></li>
                                <li><a href="table-data.html">Data Tables</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-edit"></span><p>Forms</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="form-elements.html">Form Elements</a></li>
                                <li><a href="form-wizard.html">Form Wizard</a></li>
                                <li><a href="form-upload.html">File Upload</a></li>
                                <li><a href="form-image-crop.html">Image Crop</a></li>
                                <li><a href="form-select2.html">Select2</a></li>
                                <li><a href="form-x-editable.html">X-editable</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-stats"></span><p>Charts</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="charts-sparkline.html">Sparkline</a></li>
                                <li><a href="charts-rickshaw.html">Rickshaw</a></li>
                                <li><a href="charts-morris.html">Morris</a></li>
                                <li><a href="charts-flotchart.html">Flotchart</a></li>
                                <li><a href="charts-chartjs.html">Chart.js</a></li>
                            </ul>
                        </li>
                        
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-log-in"></span><p>Login</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="login.html">Login Form</a></li>
                                <li><a href="register.html">Register Form</a></li>
                                <li><a href="forgot.html">Forgot Password</a></li>
                                <li><a href="lock-screen.html">Lock Screen</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-map-marker"></span><p>Maps</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="maps-google.html">Google Maps</a></li>
                                <li><a href="maps-vector.html">Vector Maps</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-gift"></span><p>Extra</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li><a href="404.html">404 Page</a></li>
                                <li><a href="500.html">500 Page</a></li>
                                <li><a href="invoice.html">Invoice</a></li>
                                <li><a href="calendar.html">Calendar</a></li>
                                <li><a href="pricing-tables.html">Pricing Tables</a></li>
                                <li><a href="shop.html">Shop</a></li>
                                <li><a href="gallery.html">Gallery</a></li>
                                <li><a href="timeline.html">Timeline</a></li>
                                <li><a href="search.html">Search Results</a></li>
                                <li><a href="coming-soon.html">Coming Soon</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </li>
                        <li class="droplink"><a href="#" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-flash"></span><p>Levels</p><span class="arrow"></span></a>
                            <ul class="sub-menu">
                                <li class="droplink"><a href="#"><p>Level 1.1</p><span class="arrow"></span></a>
                                    <ul class="sub-menu">
                                        <li class="droplink"><a href="#"><p>Level 2.1</p><span class="arrow"></span></a>
                                            <ul class="sub-menu">
                                                <li><a href="#">Level 3.1</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Level 2.2</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Level 1.2</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- Page Sidebar Inner -->
            </div><!-- Page Sidebar -->
            <div class="page-inner">
                <div class="page-title">
                    <h3>Icons</h3>
                    <div class="page-breadcrumb">
                        <ol class="breadcrumb">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="#">UI Kits</a></li>
                            <li class="active">Icons</li>
                        </ol>
                    </div>
                </div>
                <div id="main-wrapper">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel panel-white">
                                <div class="panel-heading clearfix">
                                    <h3 class="panel-title">FontAwesome 4.2</h3>
                                </div>
                                <div class="panel-body">
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4 class="m-t-xxs">40 New Icons in 4.2</h4>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angellist"></i> fa-angellist
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-area-chart"></i> fa-area-chart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-at"></i> fa-at
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bell-slash"></i> fa-bell-slash
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bell-slash-o"></i> fa-bell-slash-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bicycle"></i> fa-bicycle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-binoculars"></i> fa-binoculars
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-birthday-cake"></i> fa-birthday-cake
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bus"></i> fa-bus
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-calculator"></i> fa-calculator
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc"></i> fa-cc
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-amex"></i> fa-cc-amex
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-discover"></i> fa-cc-discover
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-mastercard"></i> fa-cc-mastercard
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-paypal"></i> fa-cc-paypal
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-stripe"></i> fa-cc-stripe
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-visa"></i> fa-cc-visa
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-copyright"></i> fa-copyright
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eyedropper"></i> fa-eyedropper
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-futbol-o"></i> fa-futbol-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google-wallet"></i> fa-google-wallet
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ils"></i> fa-ils
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ioxhost"></i> fa-ioxhost
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lastfm"></i> fa-lastfm
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lastfm-square"></i> fa-lastfm-square
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-line-chart"></i> fa-line-chart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-meanpath"></i> fa-meanpath
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-newspaper-o"></i> fa-newspaper-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paint-brush"></i> fa-paint-brush
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paypal"></i> fa-paypal
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pie-chart"></i> fa-pie-chart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plug"></i> fa-plug
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-shekel"></i> fa-shekel <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sheqel"></i> fa-sheqel <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-slideshare"></i> fa-slideshare
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-soccer-ball-o"></i> fa-soccer-ball-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-off"></i> fa-toggle-off
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-on"></i> fa-toggle-on
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-trash"></i> fa-trash
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tty"></i> fa-tty
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-twitch"></i> fa-twitch
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wifi"></i> fa-wifi
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-yelp"></i> fa-yelp
                                        </div>
                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Web Application Icons</h4>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-adjust"></i> fa-adjust
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-anchor"></i> fa-anchor
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-archive"></i> fa-archive
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-area-chart"></i> fa-area-chart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows"></i> fa-arrows
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows-h"></i> fa-arrows-h
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows-v"></i> fa-arrows-v
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-asterisk"></i> fa-asterisk
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-at"></i> fa-at
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-automobile"></i> fa-automobile <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ban"></i> fa-ban
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bank"></i> fa-bank <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bar-chart"></i> fa-bar-chart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-barcode"></i> fa-barcode
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bars"></i> fa-bars
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-beer"></i> fa-beer
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bell"></i> fa-bell
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bell-o"></i> fa-bell-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bell-slash"></i> fa-bell-slash
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bell-slash-o"></i> fa-bell-slash-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bicycle"></i> fa-bicycle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-binoculars"></i> fa-binoculars
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-birthday-cake"></i> fa-birthday-cake
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bolt"></i> fa-bolt
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bomb"></i> fa-bomb
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-book"></i> fa-book
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bookmark"></i> fa-bookmark
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bookmark-o"></i> fa-bookmark-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-briefcase"></i> fa-briefcase
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bug"></i> fa-bug
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-building"></i> fa-building
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-building-o"></i> fa-building-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bullhorn"></i> fa-bullhorn
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bullseye"></i> fa-bullseye
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bus"></i> fa-bus
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-calculator"></i> fa-calculator
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-calendar"></i> fa-calendar
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-calendar-o"></i> fa-calendar-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-camera"></i> fa-camera
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-camera-retro"></i> fa-camera-retro
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-car"></i> fa-car
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc"></i> fa-cc
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-certificate"></i> fa-certificate
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check"></i> fa-check
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check-circle"></i> fa-check-circle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check-circle-o"></i> fa-check-circle-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check-square"></i> fa-check-square
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check-square-o"></i> fa-check-square-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-child"></i> fa-child
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle"></i> fa-circle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-o"></i> fa-circle-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-thin"></i> fa-circle-thin
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-clock-o"></i> fa-clock-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-close"></i> fa-close <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cloud"></i> fa-cloud
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cloud-download"></i> fa-cloud-download
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cloud-upload"></i> fa-cloud-upload
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-code"></i> fa-code
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-code-fork"></i> fa-code-fork
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-coffee"></i> fa-coffee
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cog"></i> fa-cog
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cogs"></i> fa-cogs
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-comment"></i> fa-comment
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-comment-o"></i> fa-comment-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-comments"></i> fa-comments
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-comments-o"></i> fa-comments-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-compass"></i> fa-compass
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-copyright"></i> fa-copyright
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-credit-card"></i> fa-credit-card
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-crop"></i> fa-crop
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-crosshairs"></i> fa-crosshairs
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cube"></i> fa-cube
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cubes"></i> fa-cubes
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cutlery"></i> fa-cutlery
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-database"></i> fa-database
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-desktop"></i> fa-desktop
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-download"></i> fa-download
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ellipsis-h"></i> fa-ellipsis-h
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ellipsis-v"></i> fa-ellipsis-v
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-envelope"></i> fa-envelope
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-envelope-o"></i> fa-envelope-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-envelope-square"></i> fa-envelope-square
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eraser"></i> fa-eraser
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-exchange"></i> fa-exchange
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-exclamation"></i> fa-exclamation
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-external-link"></i> fa-external-link
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-external-link-square"></i> fa-external-link-square
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eye"></i> fa-eye
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eye-slash"></i> fa-eye-slash
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eyedropper"></i> fa-eyedropper
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fax"></i> fa-fax
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-female"></i> fa-female
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fighter-jet"></i> fa-fighter-jet
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-film"></i> fa-film
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-filter"></i> fa-filter
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fire"></i> fa-fire
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-flag"></i> fa-flag
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-flag-checkered"></i> fa-flag-checkered
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-flag-o"></i> fa-flag-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-flask"></i> fa-flask
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-folder"></i> fa-folder
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-folder-o"></i> fa-folder-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-folder-open"></i> fa-folder-open
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-folder-open-o"></i> fa-folder-open-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-frown-o"></i> fa-frown-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-futbol-o"></i> fa-futbol-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gamepad"></i> fa-gamepad
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gavel"></i> fa-gavel
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gift"></i> fa-gift
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-glass"></i> fa-glass
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-globe"></i> fa-globe
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-graduation-cap"></i> fa-graduation-cap
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-group"></i> fa-group <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hdd-o"></i> fa-hdd-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-headphones"></i> fa-headphones
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-heart"></i> fa-heart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-heart-o"></i> fa-heart-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-history"></i> fa-history
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-home"></i> fa-home
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-image"></i> fa-image <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-inbox"></i> fa-inbox
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-info"></i> fa-info
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-info-circle"></i> fa-info-circle
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-institution"></i> fa-institution <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-key"></i> fa-key
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-keyboard-o"></i> fa-keyboard-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-language"></i> fa-language
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-Modern"></i> fa-Modern
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-leaf"></i> fa-leaf
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lemon-o"></i> fa-lemon-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-level-down"></i> fa-level-down
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-level-up"></i> fa-level-up
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-bouy"></i> fa-life-bouy <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-buoy"></i> fa-life-buoy <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-ring"></i> fa-life-ring
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-saver"></i> fa-life-saver <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-line-chart"></i> fa-line-chart
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-location-arrow"></i> fa-location-arrow
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lock"></i> fa-lock
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-magic"></i> fa-magic
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-magnet"></i> fa-magnet
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mail-reply-all"></i> fa-mail-reply-all <span class="text-muted">(alias)</span>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-male"></i> fa-male
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-map-marker"></i> fa-map-marker
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-meh-o"></i> fa-meh-o
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-microphone"></i> fa-microphone
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-microphone-slash"></i> fa-microphone-slash
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-minus"></i> fa-minus
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-minus-circle"></i> fa-minus-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-minus-square"></i> fa-minus-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-minus-square-o"></i> fa-minus-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mobile"></i> fa-mobile
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-money"></i> fa-money
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-moon-o"></i> fa-moon-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mortar-board"></i> fa-mortar-board <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-music"></i> fa-music
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-navicon"></i> fa-navicon <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-newspaper-o"></i> fa-newspaper-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paint-brush"></i> fa-paint-brush
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paper-plane"></i> fa-paper-plane
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paper-plane-o"></i> fa-paper-plane-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paw"></i> fa-paw
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pencil"></i> fa-pencil
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pencil-square"></i> fa-pencil-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-phone"></i> fa-phone
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-phone-square"></i> fa-phone-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-photo"></i> fa-photo <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-picture-o"></i> fa-picture-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pie-chart"></i> fa-pie-chart
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plane"></i> fa-plane
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plug"></i> fa-plug
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus"></i> fa-plus
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus-circle"></i> fa-plus-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus-square-o"></i> fa-plus-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-power-off"></i> fa-power-off
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-print"></i> fa-print
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-qrcode"></i> fa-qrcode
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-question"></i> fa-question
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-question-circle"></i> fa-question-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-quote-left"></i> fa-quote-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-quote-right"></i> fa-quote-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-random"></i> fa-random
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-recycle"></i> fa-recycle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-refresh"></i> fa-refresh
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-remove"></i> fa-remove <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reorder"></i> fa-reorder <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reply"></i> fa-reply
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reply-all"></i> fa-reply-all
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-retweet"></i> fa-retweet
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-road"></i> fa-road
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rocket"></i> fa-rocket
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rss"></i> fa-rss
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rss-square"></i> fa-rss-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-search"></i> fa-search
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-search-minus"></i> fa-search-minus
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-search-plus"></i> fa-search-plus
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-send"></i> fa-send <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-send-o"></i> fa-send-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share"></i> fa-share
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-square"></i> fa-share-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-square-o"></i> fa-share-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-shield"></i> fa-shield
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-shopping-cart"></i> fa-shopping-cart
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sign-in"></i> fa-sign-in
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sign-out"></i> fa-sign-out
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-signal"></i> fa-signal
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sitemap"></i> fa-sitemap
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sliders"></i> fa-sliders
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-smile-o"></i> fa-smile-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-soccer-ball-o"></i> fa-soccer-ball-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort"></i> fa-sort
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-asc"></i> fa-sort-asc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-desc"></i> fa-sort-desc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-space-shuttle"></i> fa-space-shuttle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-spinner"></i> fa-spinner
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-spoon"></i> fa-spoon
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-square"></i> fa-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-square-o"></i> fa-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-star"></i> fa-star
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-star-half"></i> fa-star-half
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-star-half-o"></i> fa-star-half-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-star-o"></i> fa-star-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-suitcase"></i> fa-suitcase
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sun-o"></i> fa-sun-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-support"></i> fa-support <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tablet"></i> fa-tablet
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tachometer"></i> fa-tachometer
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tag"></i> fa-tag
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tags"></i> fa-tags
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tasks"></i> fa-tasks
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-taxi"></i> fa-taxi
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-terminal"></i> fa-terminal
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-thumb-tack"></i> fa-thumb-tack
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-thumbs-down"></i> fa-thumbs-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-thumbs-up"></i> fa-thumbs-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ticket"></i> fa-ticket
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-times"></i> fa-times
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-times-circle"></i> fa-times-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-times-circle-o"></i> fa-times-circle-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tint"></i> fa-tint
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-off"></i> fa-toggle-off
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-on"></i> fa-toggle-on
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-trash"></i> fa-trash
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-trash-o"></i> fa-trash-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tree"></i> fa-tree
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-trophy"></i> fa-trophy
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-truck"></i> fa-truck
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tty"></i> fa-tty
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-umbrella"></i> fa-umbrella
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-university"></i> fa-university
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-unlock"></i> fa-unlock
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-unlock-alt"></i> fa-unlock-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-upload"></i> fa-upload
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-user"></i> fa-user
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-users"></i> fa-users
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-video-camera"></i> fa-video-camera
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-volume-down"></i> fa-volume-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-volume-off"></i> fa-volume-off
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-volume-up"></i> fa-volume-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-warning"></i> fa-warning <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wheelchair"></i> fa-wheelchair
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wifi"></i> fa-wifi
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wrench"></i> fa-wrench
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>File Type Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file"></i> fa-file
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-o"></i> fa-file-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-text"></i> fa-file-text
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-text-o"></i> fa-file-text-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>File Type Icons</h4>
                                        </div>
                                        
                                        <div class="col-md-12">
                                            <div class="alert alert-success">
                                                <p>These icons work great with the <code>fa-spin</code> class.</p>
                                            </div>
                                        </div>
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cog"></i> fa-cog
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-refresh"></i> fa-refresh
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-spinner"></i> fa-spinner
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">

                                        <div class="col-md-12">
                                            <h4>Form Control Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check-square"></i> fa-check-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-check-square-o"></i> fa-check-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle"></i> fa-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-o"></i> fa-circle-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-minus-square"></i> fa-minus-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-minus-square-o"></i> fa-minus-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus-square-o"></i> fa-plus-square-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-square"></i> fa-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-square-o"></i> fa-square-o
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Payment Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-amex"></i> fa-cc-amex
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-discover"></i> fa-cc-discover
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-mastercard"></i> fa-cc-mastercard
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-paypal"></i> fa-cc-paypal
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-stripe"></i> fa-cc-stripe
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-visa"></i> fa-cc-visa
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-credit-card"></i> fa-credit-card
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google-wallet"></i> fa-google-wallet
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paypal"></i> fa-paypal
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Currency Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-area-chart"></i> fa-area-chart
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bar-chart"></i> fa-bar-chart
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-line-chart"></i> fa-line-chart
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pie-chart"></i> fa-pie-chart
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Text Editor Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-align-center"></i> fa-align-center
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-align-justify"></i> fa-align-justify
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-align-left"></i> fa-align-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-align-right"></i> fa-align-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bold"></i> fa-bold
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chain"></i> fa-chain <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chain-broken"></i> fa-chain-broken
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-clipboard"></i> fa-clipboard
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-columns"></i> fa-columns
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-copy"></i> fa-copy <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cut"></i> fa-cut <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eraser"></i> fa-eraser
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file"></i> fa-file
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-o"></i> fa-file-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-text"></i> fa-file-text
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-text-o"></i> fa-file-text-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-files-o"></i> fa-files-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-floppy-o"></i> fa-floppy-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-font"></i> fa-font
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-header"></i> fa-header
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-indent"></i> fa-indent
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-italic"></i> fa-italic
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-link"></i> fa-link
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-list"></i> fa-list
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-list-alt"></i> fa-list-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-list-ol"></i> fa-list-ol
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-list-ul"></i> fa-list-ul
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-outdent"></i> fa-outdent
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paperclip"></i> fa-paperclip
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paragraph"></i> fa-paragraph
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paste"></i> fa-paste <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-repeat"></i> fa-repeat
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-scissors"></i> fa-scissors
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-strikethrough"></i> fa-strikethrough
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-subscript"></i> fa-subscript
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-superscript"></i> fa-superscript
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-table"></i> fa-table
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-text-height"></i> fa-text-height
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-text-width"></i> fa-text-width
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-th"></i> fa-th
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-th-large"></i> fa-th-large
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-th-list"></i> fa-th-list
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-underline"></i> fa-underline
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-undo"></i> fa-undo
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Directional Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-double-down"></i> fa-angle-double-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-double-left"></i> fa-angle-double-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-double-right"></i> fa-angle-double-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-double-up"></i> fa-angle-double-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-down"></i> fa-angle-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-left"></i> fa-angle-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-right"></i> fa-angle-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angle-up"></i> fa-angle-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-down"></i> fa-arrow-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-left"></i> fa-arrow-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-right"></i> fa-arrow-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrow-up"></i> fa-arrow-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows"></i> fa-arrows
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows-alt"></i> fa-arrows-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows-h"></i> fa-arrows-h
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows-v"></i> fa-arrows-v
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-down"></i> fa-caret-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-left"></i> fa-caret-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-right"></i> fa-caret-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-caret-up"></i> fa-caret-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-down"></i> fa-chevron-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-left"></i> fa-chevron-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-right"></i> fa-chevron-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-chevron-up"></i> fa-chevron-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hand-o-down"></i> fa-hand-o-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hand-o-left"></i> fa-hand-o-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hand-o-right"></i> fa-hand-o-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hand-o-up"></i> fa-hand-o-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>

                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Video Player Icons</h4>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-arrows-alt"></i> fa-arrows-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-backward"></i> fa-backward
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-compress"></i> fa-compress
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-eject"></i> fa-eject
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-expand"></i> fa-expand
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fast-backward"></i> fa-fast-backward
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fast-forward"></i> fa-fast-forward
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-forward"></i> fa-forward
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pause"></i> fa-pause
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-play"></i> fa-play
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-play-circle"></i> fa-play-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-play-circle-o"></i> fa-play-circle-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-step-backward"></i> fa-step-backward
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-step-forward"></i> fa-step-forward
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stop"></i> fa-stop
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-youtube-play"></i> fa-youtube-play
                                        </div>

                                    </div>

                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Brand Icons</h4>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="alert alert-success">
                                                <ul class="margin-bottom-none padding-left-lg">
                                                    <li>All brand icons are trademarks of their respective owners.</li>
                                                    <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="alert alert-warning">
                                                <h3><i class="fa fa-warning"></i> Warning!</h3>
                                                Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names.
                                            </div>
                                        </div>
                                        
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-adn"></i> fa-adn
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-android"></i> fa-android
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-angellist"></i> fa-angellist
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-apple"></i> fa-apple
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-behance"></i> fa-behance
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-behance-square"></i> fa-behance-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bitbucket"></i> fa-bitbucket
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-btc"></i> fa-btc
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-amex"></i> fa-cc-amex
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-discover"></i> fa-cc-discover
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-mastercard"></i> fa-cc-mastercard
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-paypal"></i> fa-cc-paypal
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-stripe"></i> fa-cc-stripe
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cc-visa"></i> fa-cc-visa
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-codepen"></i> fa-codepen
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-css3"></i> fa-css3
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-delicious"></i> fa-delicious
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-deviantart"></i> fa-deviantart
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-digg"></i> fa-digg
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-dribbble"></i> fa-dribbble
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-dropbox"></i> fa-dropbox
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-drupal"></i> fa-drupal
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-empire"></i> fa-empire
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-facebook"></i> fa-facebook
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-facebook-square"></i> fa-facebook-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-flickr"></i> fa-flickr
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-foursquare"></i> fa-foursquare
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ge"></i> fa-ge <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-git"></i> fa-git
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-git-square"></i> fa-git-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-github"></i> fa-github
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-github-alt"></i> fa-github-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-github-square"></i> fa-github-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-gittip"></i> fa-gittip
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google"></i> fa-google
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google-plus"></i> fa-google-plus
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google-plus-square"></i> fa-google-plus-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google-wallet"></i> fa-google-wallet
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hacker-news"></i> fa-hacker-news
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-html5"></i> fa-html5
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-instagram"></i> fa-instagram
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ioxhost"></i> fa-ioxhost
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-joomla"></i> fa-joomla
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-jsfiddle"></i> fa-jsfiddle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lastfm"></i> fa-lastfm
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-lastfm-square"></i> fa-lastfm-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-linkedin"></i> fa-linkedin
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-linkedin-square"></i> fa-linkedin-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-linux"></i> fa-linux
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-maxcdn"></i> fa-maxcdn
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-meanpath"></i> fa-meanpath
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-openid"></i> fa-openid
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pagelines"></i> fa-pagelines
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paypal"></i> fa-paypal
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pied-piper"></i> fa-pied-piper
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pinterest"></i> fa-pinterest
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pinterest-square"></i> fa-pinterest-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-qq"></i> fa-qq
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ra"></i> fa-ra <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rebel"></i> fa-rebel
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reddit"></i> fa-reddit
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reddit-square"></i> fa-reddit-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-renren"></i> fa-renren
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-skype"></i> fa-skype
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-slack"></i> fa-slack
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-slideshare"></i> fa-slideshare
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-soundcloud"></i> fa-soundcloud
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-spotify"></i> fa-spotify
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stack-exchange"></i> fa-stack-exchange
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stack-overflow"></i> fa-stack-overflow
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-steam"></i> fa-steam
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-steam-square"></i> fa-steam-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stumbleupon"></i> fa-stumbleupon
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tencent-weibo"></i> fa-tencent-weibo
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-trello"></i> fa-trello
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tumblr"></i> fa-tumblr
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tumblr-square"></i> fa-tumblr-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-twitch"></i> fa-twitch
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-twitter"></i> fa-twitter
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-twitter-square"></i> fa-twitter-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-vimeo-square"></i> fa-vimeo-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-vine"></i> fa-vine
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-vk"></i> fa-vk
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wechat"></i> fa-wechat <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-weibo"></i> fa-weibo
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-weixin"></i> fa-weixin
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-windows"></i> fa-windows
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wordpress"></i> fa-wordpress
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-xing"></i> fa-xing
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-xing-square"></i> fa-xing-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-yahoo"></i> fa-yahoo
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-yelp"></i> fa-yelp
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-youtube"></i> fa-youtube
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-youtube-play"></i> fa-youtube-play
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-youtube-square"></i> fa-youtube-square
                                        </div>

                                    </div>
                                    <div class="row fontawesome-icon-list">
                                        <div class="col-md-12">
                                            <h4>Medical Icons</h4>
                                        </div>
                                        
                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ambulance"></i> fa-ambulance
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-h-square"></i> fa-h-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hospital-o"></i> fa-hospital-o
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-medkit"></i> fa-medkit
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stethoscope"></i> fa-stethoscope
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-user-md"></i> fa-user-md
                                        </div>

                                        <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wheelchair"></i> fa-wheelchair
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-white">
                                <div class="panel-heading clearfix">
                                    <h4 class="panel-title">Simple Line Icons</h4>
                                </div>
                                <div class="panel-body">
                                    <div class="line-icons row">
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-user"></span>
                                                &nbsp;icon-user
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-user-female"></span>
                                                &nbsp;icon-user-female
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-users"></span>
                                                &nbsp;icon-users
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-user-follow"></span>
                                                &nbsp;icon-user-follow
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-user-following"></span>
                                                &nbsp;icon-user-following
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-user-unfollow"></span>
                                                &nbsp;icon-user-unfollow
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-trophy"></span>
                                                &nbsp;icon-trophy
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-speedometer"></span>
                                                &nbsp;icon-speedometer
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-social-youtube"></span>
                                                &nbsp;icon-social-youtube
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-social-twitter"></span>
                                                &nbsp;icon-social-twitter
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-social-tumblr"></span>
                                                &nbsp;icon-social-tumblr
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-social-facebook"></span>
                                                &nbsp;icon-social-facebook
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-social-dropbox"></span>
                                                &nbsp;icon-social-dropbox
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-social-dribbble"></span>
                                                &nbsp;icon-social-dribbble
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-shield"></span>
                                                &nbsp;icon-shield
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-screen-tablet"></span>
                                                &nbsp;icon-screen-tablet
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-screen-smartphone"></span>
                                                &nbsp;icon-screen-smartphone
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-screen-desktop"></span>
                                                &nbsp;icon-screen-desktop
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-plane"></span>
                                                &nbsp;icon-plane
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-notebook"></span>
                                                &nbsp;icon-notebook
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-moustache"></span>
                                                &nbsp;icon-moustache
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-mouse"></span>
                                                &nbsp;icon-mouse
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-magnet"></span>
                                                &nbsp;icon-magnet
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-magic-wand"></span>
                                                &nbsp;icon-magic-wand
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-hourglass"></span>
                                                &nbsp;icon-hourglass
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-graduation"></span>
                                                &nbsp;icon-graduation
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-ghost"></span>
                                                &nbsp;icon-ghost
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-game-controller"></span>
                                                &nbsp;icon-game-controller
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-fire"></span>
                                                &nbsp;icon-fire
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-eyeglasses"></span>
                                                &nbsp;icon-eyeglasses
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-envelope-open"></span>
                                                &nbsp;icon-envelope-open
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-envelope-letter"></span>
                                                &nbsp;icon-envelope-letter
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-energy"></span>
                                                &nbsp;icon-energy
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-emoticon-smile"></span>
                                                &nbsp;icon-emoticon-smile
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-disc"></span>
                                                &nbsp;icon-disc
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-cursor-move"></span>
                                                &nbsp;icon-cursor-move
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-crop"></span>
                                                &nbsp;icon-crop
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-credit-card"></span>
                                                &nbsp;icon-credit-card
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-chemistry"></span>
                                                &nbsp;icon-chemistry
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-bell"></span>
                                                &nbsp;icon-bell
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-badge"></span>
                                                &nbsp;icon-badge
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-anchor"></span>
                                                &nbsp;icon-anchor
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-action-redo"></span>
                                                &nbsp;icon-action-redo
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-action-undo"></span>
                                                &nbsp;icon-action-undo
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-bag"></span>
                                                &nbsp;icon-bag
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-basket"></span>
                                                &nbsp;icon-basket
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-basket-loaded"></span>
                                                &nbsp;icon-basket-loaded
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-book-open"></span>
                                                &nbsp;icon-book-open
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-briefcase"></span>
                                                &nbsp;icon-briefcase
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-bubbles"></span>
                                                &nbsp;icon-bubbles
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-calculator"></span>
                                                &nbsp;icon-calculator
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-call-end"></span>
                                                &nbsp;icon-call-end
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-call-in"></span>
                                                &nbsp;icon-call-in
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-call-out"></span>
                                                &nbsp;icon-call-out
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-compass"></span>
                                                &nbsp;icon-compass
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-cup"></span>
                                                &nbsp;icon-cup
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-diamond"></span>
                                                &nbsp;icon-diamond
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-direction"></span>
                                                &nbsp;icon-direction
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-directions"></span>
                                                &nbsp;icon-directions
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-docs"></span>
                                                &nbsp;icon-docs
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-drawer"></span>
                                                &nbsp;icon-drawer
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-drop"></span>
                                                &nbsp;icon-drop
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-earphones"></span>
                                                &nbsp;icon-earphones
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-earphones-alt"></span>
                                                &nbsp;icon-earphones-alt
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-feed"></span>
                                                &nbsp;icon-feed
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-film"></span>
                                                &nbsp;icon-film
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-folder-alt"></span>
                                                &nbsp;icon-folder-alt
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-frame"></span>
                                                &nbsp;icon-frame
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-globe"></span>
                                                &nbsp;icon-globe
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-globe-alt"></span>
                                                &nbsp;icon-globe-alt
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-handbag"></span>
                                                &nbsp;icon-handbag
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-layers"></span>
                                                &nbsp;icon-layers
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-map"></span>
                                                &nbsp;icon-map
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-picture"></span>
                                                &nbsp;icon-picture
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-pin"></span>
                                                &nbsp;icon-pin
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-playlist"></span>
                                                &nbsp;icon-playlist
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-present"></span>
                                                &nbsp;icon-present
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-printer"></span>
                                                &nbsp;icon-printer
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-puzzle"></span>
                                                &nbsp;icon-puzzle
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-speech"></span>
                                                &nbsp;icon-speech
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-vector"></span>
                                                &nbsp;icon-vector
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-wallet"></span>
                                                &nbsp;icon-wallet
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-arrow-down"></span>
                                                &nbsp;icon-arrow-down
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-arrow-left"></span>
                                                &nbsp;icon-arrow-left
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-arrow-right"></span>
                                                &nbsp;icon-arrow-right
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-arrow-up"></span>
                                                &nbsp;icon-arrow-up
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-bar-chart"></span>
                                                &nbsp;icon-bar-chart
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-bulb"></span>
                                                &nbsp;icon-bulb
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-calendar"></span>
                                                &nbsp;icon-calendar
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-control-end"></span>
                                                &nbsp;icon-control-end
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-control-forward"></span>
                                                &nbsp;icon-control-forward
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-control-pause"></span>
                                                &nbsp;icon-control-pause
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-control-play"></span>
                                                &nbsp;icon-control-play
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-control-rewind"></span>
                                                &nbsp;icon-control-rewind
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-control-start"></span>
                                                &nbsp;icon-control-start
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-cursor"></span>
                                                &nbsp;icon-cursor
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-dislike"></span>
                                                &nbsp;icon-dislike
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-equalizer"></span>
                                                &nbsp;icon-equalizer
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-graph"></span>
                                                &nbsp;icon-graph
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-grid"></span>
                                                &nbsp;icon-grid
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-home"></span>
                                                &nbsp;icon-home
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-like"></span>
                                                &nbsp;icon-like
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-list"></span>
                                                &nbsp;icon-list
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-login"></span>
                                                &nbsp;icon-login
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-logout"></span>
                                                &nbsp;icon-logout
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-loop"></span>
                                                &nbsp;icon-loop
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-microphone"></span>
                                                &nbsp;icon-microphone
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-music-tone"></span>
                                                &nbsp;icon-music-tone
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-music-tone-alt"></span>
                                                &nbsp;icon-music-tone-alt
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-note"></span>
                                                &nbsp;icon-note
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-pencil"></span>
                                                &nbsp;icon-pencil
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-pie-chart"></span>
                                                &nbsp;icon-pie-chart
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-question"></span>
                                                &nbsp;icon-question
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-rocket"></span>
                                                &nbsp;icon-rocket
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-share"></span>
                                                &nbsp;icon-share
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-share-alt"></span>
                                                &nbsp;icon-share-alt
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-shuffle"></span>
                                                &nbsp;icon-shuffle
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-size-actual"></span>
                                                &nbsp;icon-size-actual
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-size-fullscreen"></span>
                                                &nbsp;icon-size-fullscreen
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-support"></span>
                                                &nbsp;icon-support
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-tag"></span>
                                                &nbsp;icon-tag
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-trash"></span>
                                                &nbsp;icon-trash
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-umbrella"></span>
                                                &nbsp;icon-umbrella
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-wrench"></span>
                                                &nbsp;icon-wrench
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-ban"></span>
                                                &nbsp;icon-ban
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-bubble"></span>
                                                &nbsp;icon-bubble
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-camcorder"></span>
                                                &nbsp;icon-camcorder
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-camera"></span>
                                                &nbsp;icon-camera
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-check"></span>
                                                &nbsp;icon-check
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-clock"></span>
                                                &nbsp;icon-clock
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-close"></span>
                                                &nbsp;icon-close
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-cloud-download"></span>
                                                &nbsp;icon-cloud-download
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-cloud-upload"></span>
                                                &nbsp;icon-cloud-upload
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-doc"></span>
                                                &nbsp;icon-doc
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-envelope"></span>
                                                &nbsp;icon-envelope
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-eye"></span>
                                                &nbsp;icon-eye
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-flag"></span>
                                                &nbsp;icon-flag
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-folder"></span>
                                                &nbsp;icon-folder
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-heart"></span>
                                                &nbsp;icon-heart
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-info"></span>
                                                &nbsp;icon-info
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-key"></span>
                                                &nbsp;icon-key
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-link"></span>
                                                &nbsp;icon-link
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-lock"></span>
                                                &nbsp;icon-lock
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-lock-open"></span>
                                                &nbsp;icon-lock-open
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-magnifier"></span>
                                                &nbsp;icon-magnifier
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-magnifier-add"></span>
                                                &nbsp;icon-magnifier-add
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-magnifier-remove"></span>
                                                &nbsp;icon-magnifier-remove
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-paper-clip"></span>
                                                &nbsp;icon-paper-clip
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-paper-plane"></span>
                                                &nbsp;icon-paper-plane
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-plus"></span>
                                                &nbsp;icon-plus
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-pointer"></span>
                                                &nbsp;icon-pointer
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-power"></span>
                                                &nbsp;icon-power
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-refresh"></span>
                                                &nbsp;icon-refresh
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-reload"></span>
                                                &nbsp;icon-reload
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-settings"></span>
                                                &nbsp;icon-settings
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-star"></span>
                                                &nbsp;icon-star
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-symbol-female"></span>
                                                &nbsp;icon-symbol-female
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-symbol-male"></span>
                                                &nbsp;icon-symbol-male
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-target"></span>
                                                &nbsp;icon-target
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-volume-1"></span>
                                                &nbsp;icon-volume-1
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-volume-2"></span>
                                                &nbsp;icon-volume-2
                                            </span>
                                        </span>
                                        <span class="line-icon-item col-md-3 col-sm-4">
                                            <span class="item">
                                                <span aria-hidden="true" class="icon-volume-off"></span>
                                                &nbsp;icon-volume-off
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-white">
                                <div class="panel-heading clearfix">
                                    <h4 class="panel-title">Glyphicon</h4>
                                </div>
                                <div class="panel-body">
                                    <ul class="bs-glyphicons-list clearfix list-unstyled">
                                        <li>
                                            <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-plus</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-euro</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-minus</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-glass</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-music" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-music</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-search</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-heart</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-star</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-user</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-film</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-th</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-ok</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-remove</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-off</span>
                                        </li>
                                   
                                        <li>
                                            <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-signal</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-cog</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-trash</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-home</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-file</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-time</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-road" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-road</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-download</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-upload</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-inbox" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-lock</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-flag</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tag</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tags</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-book</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-print" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-print</span>
                                        </li>
                                        
                                        <li>
                                            <span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-camera</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-font</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-bold</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-italic</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-text-height" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-list</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-picture</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-adjust" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tint" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tint</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-edit</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-share" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-share</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-check</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-move" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-move</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-backward</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-play</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-pause</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-stop</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-forward</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-eject</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-gift</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-fire</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-plane</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-random</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-comment</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-retweet" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-bell</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-globe</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-filter</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-link</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-phone</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-usd</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-gbp" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-expand" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-expand</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-flash</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-record</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-save" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-save</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-open" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-open</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-saved</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-import</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-export</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-send" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-send</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
                                        </li>
     
                                        <li>
                                            <span class="glyphicon glyphicon-header" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-header</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-compressed" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tower" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tower</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-stats</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
                                        </li>
                                   
                                        <li>
                                            <span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
                                        </li>
      
                                        <li>
                                            <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
                                            <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Main Wrapper -->
                <div class="page-footer">
                    <p class="no-s">2015 &copy; Modern by Steelcoders.</p>
                </div>
            </div><!-- Page Inner -->
        </main><!-- Page Content -->
        <nav class="cd-nav-container" id="cd-nav">
            <header>
                <h3>Navigation</h3>
                <a href="#0" class="cd-close-nav">Close</a>
            </header>
            <ul class="cd-nav list-unstyled">
                <li class="cd-selected" data-menu="index">
                    <a href="javsacript:void(0);">
                        <span>
                            <i class="glyphicon glyphicon-home"></i>
                        </span>
                        <p>Dashboard</p>
                    </a>
                </li>
                <li data-menu="profile">
                    <a href="javsacript:void(0);">
                        <span>
                            <i class="glyphicon glyphicon-user"></i>
                        </span>
                        <p>Profile</p>
                    </a>
                </li>
                <li data-menu="inbox">
                    <a href="javsacript:void(0);">
                        <span>
                            <i class="glyphicon glyphicon-envelope"></i>
                        </span>
                        <p>Mailbox</p>
                    </a>
                </li>
                <li data-menu="#">
                    <a href="javsacript:void(0);">
                        <span>
                            <i class="glyphicon glyphicon-tasks"></i>
                        </span>
                        <p>Tasks</p>
                    </a>
                </li>
                <li data-menu="#">
                    <a href="javsacript:void(0);">
                        <span>
                            <i class="glyphicon glyphicon-cog"></i>
                        </span>
                        <p>Settings</p>
                    </a>
                </li>
                <li data-menu="calendar">
                    <a href="javsacript:void(0);">
                        <span>
                            <i class="glyphicon glyphicon-calendar"></i>
                        </span>
                        <p>Calendar</p>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="cd-overlay"></div>
	

        <!-- Javascripts -->
        <script src="assets/plugins/jquery/jquery-2.1.3.min.js"></script>
        <script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
        <script src="assets/plugins/pace-master/pace.min.js"></script>
        <script src="assets/plugins/jquery-blockui/jquery.blockui.js"></script>
        <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>
        <script src="assets/plugins/uniform/jquery.uniform.min.js"></script>
        <script src="assets/plugins/offcanvasmenueffects/js/classie.js"></script>
        <script src="assets/plugins/offcanvasmenueffects/js/main.js"></script>
        <script src="assets/plugins/waves/waves.min.js"></script>
        <script src="assets/plugins/3d-bold-navigation/js/main.js"></script>
        <script src="assets/js/modern.min.js"></script>
        
    </body>
</html>